@charset "utf-8";
html {font-size:calc(100vw / 7.5);}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {margin:0; padding:0 }
body, button, input, select, textarea {font:400 14px/1.5 Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, iframe {display:block }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:500 }
address, cite, dfn, em, var, i {font-style:normal; font-weight:400 }
dfn {font-family:Arial;}
ul, ol {list-style:none;}
a {color:#000; text-decoration:none }
a:hover {-webkit-transition:color .2s linear; -moz-transition:color .2s linear; -ms-transition:color .2s linear; -o-transition:color .2s linear; transition:color .2s linear }
fieldset, img, button, input {border:0 }
button, input, select, textarea {font-size:100%; outline:none;}
table {border-collapse:collapse; border-spacing:0 }
input {-webkit-appearance:none; border-radius:0; width:100%; height:42px; border:0; padding:0 5px; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; outline:0 }
.clear {clear:both;}


/* 转盘 */
html, body {width:100%; height:100%;}
.turnplateBox {position:relative; width:100%; height:100%;background: url(../images/lotery_bg.jpg) no-repeat top center; background-size:100% 100%;}
.turntable_tit{width: 84%;margin-left: 8%;padding: 5% 0 8%;}
.logo{position: absolute;width: 30%;bottom: 2%;right: 5%;display: none;}
/* .lottery_box{display: none;} */
.turnplateBox .turntable-bg{ width: 6.0rem;height: 6.0rem;margin-left: 0.65rem;position: relative;background: url(../images/turntable_bg.png) no-repeat top center; background-size:100% 100%;}
.turnplateBox .turntable-bg .pointer {position:absolute; left:2.4rem; top:2.4rem; width:1.2rem; z-index:2;}
.turnplateBox .turntable-bg .rotate {position:absolute; top:0.4rem;left: 0.4rem; width:5.2rem; height:5.2rem; display:block;}
.turnplateBox .turntable-bg .topArrow {position:absolute; left:2.7rem;top: -0.2rem; width:1.0rem; z-index:2;}
.start_award{width: 4.5rem;margin: 0.8rem 1.5rem 0rem;}



.info_tips{position: absolute;top: 50%;left: 50%;transform: translateX(-50%);background-color: #000;padding: 2px 10px;display: none;}
.tip_txt{font-size: 14px;color: #fff;}

.popup_box{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;display: none;z-index: 999;}
.popup_bg{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background-color: #000;opacity: 0.7;}
.shareTip{width: 96%;margin-left: 2%;position: relative;z-index: 2;}

.fail_share_box{width: 90%;background: url(../images/tk_bg.png) no-repeat top center; background-size:100%;margin-left: 5%;position: relative;height: 57%;top: 18%;}
.fail_share_box img{width: 38%;margin-top: 55%; margin-left: 7%;}

.turnplateBox .popup {position:absolute; left:5%; top:20%; width:6.8rem; height:6.8rem; background:url("http://tpn.gzl.com.cn/static/20171123_thirtySevenAnniversary_PC/images/popup.png") no-repeat; z-index:11; display:none; background-size:100%;}
.turnplateBox .popup .closeButton {position:absolute; left:50%; bottom:30px; width:200px; height:45px; cursor:pointer; background:#fed532; font:22px/45px "Microsoft YaHei", Simsun; color:#02407e; text-align:center; border-radius:6px; transform:translateX(-50%);}
.turnplateBox .popup .closeButton:hover {opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90);}
.turnplateBox .popup .textArea {padding:90px 10px 10px; font:20px/28px "Microsoft YaHei", Simsun; color:#fff; text-align:center;}
.turnplateBox .popup .jiangpin img {display:block; margin:-8% auto; width:60%;}

/*提示弹窗*/
.tip-popup {display:none; position:fixed; top:50%; margin-top:-25%; width:100%; z-index:9999; box-sizing:border-box;}
@media only screen and (min-width:320px) {
    .tip-popup {padding:0 20px;}
    }
@media only screen and (min-width:375px) {
.tip-popup {padding:0 32px;}
    }
.tip-popup > div {position:relative; z-index:1;}
.tip-popup .mask {position:fixed; left:0; z-index:0;}
.tip-popup-con {background-color:#fff; min-height:25px; border-radius:13px 13px 0 0; font-size:15px; padding:30px 16px; line-height:20px; text-align:center;}
.tip-popup-btn {display:-webkit-box; display:-moz-box; overflow:hidden; border-radius:0 0 13px 13px;}
.tip-popup-btn span {display:block; -webkit-box-flex:1; -moz-box-flex:1; height:50px; font-size:17px; color:#434343; text-align:center; line-height:50px; background-color:#fff;}
.tip-popup-btn span:before {content:''; display:block; width:100%; border-top:1px solid #ebebeb; transform:scaleY(.5);}
.tip-popup-btn span.on {background-color:#ffd800;}
.tip-popup-btn span.on:before {display:none;}
